<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no">
    <meta name="format-detection" content="telephone=no, email=no">
    <title>我的积分</title>
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/main.css">
    <style type="text/css">
      html,body{ min-height: 100%; background-color: #333; background:url(images/background.jpg); background-repeat: no-repeat; background-position: center;background-size: cover;}
    </style>
  </head>
  <body id="app">
    <section class="myPoints font36 padB23">
      <ul class="nav font28">
        <li class="on">积分记录</li>
        <li>收入</li>
        <li>支出</li>
      </ul>
      <div class="font30">
        <div class="marT24 pointBox">
          <span class="usable">可用积分：188</span>
          <span class="total">历史总积分:888</span>
        </div>
        <ul class="pointList">
          <li class="pointItem">
            <div class="itemL">
              <span>注册</span>
              <span class="font24 padT24 color66">2017-08-23</span>
            </div>
            <span class="itemR">+100</span>
          </li>
          <li class="pointItem">
            <div class="itemL">
              <span>签到</span>
              <span class="font24 padT24 color66">2017-08-23</span>
            </div>
            <span class="itemR">+50</span>
          </li>
          <li class="pointItem">
            <div class="itemL">
              <span>注册</span>
              <span class="font24 padT24 color66">2017-08-23</span>
            </div>
            <span class="itemR">+100</span>
          </li>
        </ul>
      </div>
      
      
    </section>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/global.js"></script>
    <script type="text/javascript">
      $(function(){
        myJS.imgScale('.j_21','2','1');
        myJS.ImgFull('.loadImg');
        $('.nav').on('click','li',function(){
          $(this).addClass('on').siblings().removeClass('on');
          $('.activityList').eq($(this).index()).show().siblings().hide();
        })
      })
      
    </script>
  </body>
</html>
